<template>
		<el-container>
			<div class='left_nav'>
				<!-- <router-link class="tocont" to="/author/center">
					{{$t("home.authorCenter")}}
				</router-link> -->
				<router-link class="tocont" to="/author/bookManage">
					{{$t("home.workManagement")}}
				</router-link>
				<!-- /author/bookData -->
				<router-link class="tocont" to="/author/workData">
					{{$t("home.workData")}}
				</router-link>
				<!-- <router-link class="tocont" to="/author/contriIncome">
					{{$t("home.remunerationIncome")}}
				</router-link> -->
				<!-- <router-link class="tocont" to="/author/commentManage">
					{{$t("home.commentsManagement")}}
				</router-link> -->
				<!-- <router-link class="tocont" to="/author/msgCenter">
					{{$t("home.writerConsult")}}
				</router-link> -->
				<!-- <router-link class="tocont" to="/author/contractTep">
					合同模板
				</router-link> -->
			</div>
			<!-- <el-main> -->
				<router-view class="main"></router-view>
			<!-- </el-main> -->
		</el-container>
</template>

<script>
	export default {
		data: function() {
			return {
				param: {
					username: 'admin',
					password: '123123',
				},
			};
		},
		methods: {},
		created() {
			console.log(this.$route)
		},
		components: {},
	};
</script>
<style lang="scss" scoped="scoped">
	#app {
		display: flex;
		flex-direction: column;
	}
	.left_nav{
		box-sizing: border-box;
		width:205px;
		display: flex;
		flex-direction: column;
		text-align: center;
		background: #FFFFFF;
		// box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.06);
		border-radius: 5px;
		padding: 40px;
		margin-right: 15px;
		a{	
			margin-bottom: 40px;
		}
	}
	.main{
		flex:1;
		min-height: 715px;
		background-color: #fff;
		// padding:0 40px;
		border-radius: 8px;
	}
</style>
